
<template>
    <header>
        <div id="header-main">
            <div id="header-logo">
                呵Sever
            </div>
            <div id="nav">
                <router-link class="nav-item" :to="{ path: '/home'}">首页</router-link>
                <router-link class="nav-item" :to="{ path: '/articles'}">文章</router-link>
                <router-link class="nav-item" :to="{ path: '/demo'}">demo</router-link>
                <router-link class="nav-item" :to="{ path: '/tools'}">工具</router-link>
                <router-link class="nav-item" :to="{ path: '/about'}">关于我</router-link>
            </div>
        </div>

    </header>
</template>

<script>
    export default{
        data(){
            return{
                text:'头部'
            }
        }
    }
</script>
